<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="JQuery/jquery-1.8.3.js"></script>
		<script>
			$(document).ready(function(){
				// 具有特定ID和类名的标题选择器
				$('h2[id][class="lake"]').css('color', 'orange');
			});
		</script>

	</head>
	<body>
		  <h2 id="id1">校园道路</h2>
		  <ul>
				<li class='road'>晨光大道</li>
				<li class='road'>银杏路</li>
				<li class='road'>桂花路</li>
		  </ul>
		  <div>
				<h2 id="id2">校园花草</h2>
				<p class='grass flower'>樱花</p>
				<p class='grass flower'>桂花</p>
				<p class='grass flower'>兰花</p>
		  </div>
		  <h2 id="id3">校园建筑</h2>
		  <ol>
				<li class='floor'>问天楼</li>
				<li class='floor'>雄关</li>
				<li class='floor'>明镜楼</li>
		  </ol>
		  <h2 id="id4" class="lake">校园湖泊</h2>
		  <ul>
				<li>晨光湖</li>
		  </ul>
	</body>
</html>